/*! Reset Module */
* {
    box-sizing: border-box;
}
/*! Reset Module End */

/*! Components Module */
.m-box {
    display: flex;
    width: 100vw;
    min-height: 100vh;
    user-select: none;
    flex-direction: column;
    background-color: #f7f7f7;
    color: #4d4d4d;
    overflow-x: hidden;
}

.m-box-card {
    display: flex;
    padding: 4vw 0 4vw 4vw;
    flex-direction: column;
    background-color: #fff;
}

.m-box-card-title {
    width: 96vw;
    height: 8.266vw;
    padding-right: 4vw;
    padding-bottom: 3.466vw;
    line-height: 4.266vw;
    font-size: 4.266vw;
    border-bottom: 0.266vw solid #e6e6e6;
}

.m-box-card-main {
    display: flex;
    width: 96vw;
    height: 29.333vw;
    padding-top: 2.666vw;
    padding-bottom: 2.666vw;
    border-bottom: 0.266vw solid #e6e6e6;
}

.m-box-card-main .main-rahmen {
    width: 44.8vw;
    height: 24vw;
    background-color: #e6e6e6;
    overflow: hidden;
}

.m-box-card-main .main-info {
    display: flex;
    width: 47.2vw;
    height: 24vw;
    padding-left: 2.666vw;
    padding-bottom: 2.666vw;
    flex-direction: column;
    justify-content: space-around;
}

.m-box-card-main .info-theme {
    display: -webkit-box;
    flex-grow: 1;
    padding-top: 1.866vw;
    line-height: 5.333vw;
    font-size: 3.733vw;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-box-card-main .info-site,
.m-box-card-main .info-date {
    height: 4vw;
    line-height: 4vw;
    font-size: 3.2vw;
    white-space: nowrap;
    color: #7f7f7f;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m-box-order {
    display: flex;
    padding: 0 4vw 4vw;
    flex-direction: column;
    background-color: #fff;
}

.m-box-order-ticket {
    display: flex;
    position: relative;
    width: 92vw;
    height: 26.666vw;
    margin-bottom: 4vw;
    border: 0.266vw solid #e6e6e6;
}

.m-box-order-ticket:last-child {
    margin-bottom: 0;
}

.m-box-order-ticket .ticket-lf {
    display: flex;
    width: 74.532vw;
    padding: 4vw 6.666vw 4vw 4vw;
    border-right: 0.266vw solid #e6e6e6;
    flex-direction: column;
}

.m-box-order-ticket .lf-row {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}

.m-box-order-ticket .lf-date {
    font-size: 3.2vw;
}

.m-box-order-ticket .row-type {
    font-size: 4.266vw;
}

.m-box-order-ticket [class^='row-status'] {
    font-size: 3.733vw;
}

.m-box-order-ticket .row-status-0 {
    color: #ff4136;
}

.m-box-order-ticket .row-status-1 {
    color: #30aefb;
}

.m-box-order-ticket .row-status-2 {
    color: #fba330;
}

.m-box-order-ticket .row-status-3 {
    color: #2ecc40;
}

.m-box-order-ticket .row-status-4 {
    color: #898989;
}

.m-box-order-ticket .ticket-rg {
    display: flex;
    width: 17.467vw;
    justify-content: center;
    align-items: center;
}

.m-box-order-ticket [class^='rg-text'] {
    width: 4.266vw;
    font-size: 4.266vw;
}

.m-box-order-ticket .rg-text-0 {
    color: #898989;
}

.m-box-order-ticket .rg-text-1 {
    color: #30aefb;
}

.m-box-order-ticket [class^='ticket-icon'] {
    position: absolute;
    right: 16.266vw;
    width: 2.933vw;
    height: 1.333vw;
    border: 0.266vw solid #e6e6e6;
    background-color: #fff;
}

.m-box-order-ticket .ticket-iconT {
    top: -0.266vw;
    border-top: none;
    border-bottom-left-radius: 2.666vw;
    border-bottom-right-radius: 2.666vw;

}

.m-box-order-ticket .ticket-iconB {
    bottom: -0.266vw;
    border-bottom: none;
    border-top-left-radius: 2.666vw;
    border-top-right-radius: 2.666vw;

}

.m-box-btn {
    width: 90.4vw;
    height: 10.666vw;
    margin: 5.333vw auto 0;
    line-height: 10.666vw;
    text-align: center;
    font-size: 4.8vw;
    border-radius: 1.333vw;
    background-color: #30aefb;
    color: #fff;
}
/*! Components Module */